﻿@charset "utf-8";
/* CSS Document */
/*huokuan*/
.juhuangbg{
    background-color: #f52f3e;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#FF8500,#FD5C04);
    background-image: -webkit-linear-gradient(left,#FF8500,#FD5C04);
    background-image: -o-linear-gradient(left,#FF8500,#FD5C04);
    background-image: linear-gradient(left,#FF8500,#FD5C04);
}
.juhuangbg .mll-header{border-bottom: none; background: none!important;}
.juhuangbg .layout-back:after {
    background: url(../images/blue-goback.png) left top no-repeat;
    background-size: 10.5px 19.5px;
}
.juhuangbg .layout-middle .text {
    color: #fff;
}
.juhuangbg .layout-nav:before {
    background: url(../images/blue-home_ico.png) center center no-repeat;
    background-size: cover;
}
.juhuangbg .layout-nav:after {
    color:#fff
}
.juhuangbg .layout-refresh:before {
    background: url(../images/blue-refresh.png) center center no-repeat;
    background-size: cover;
}
.juhuangbg .layout-refresh:after {
    color:#fff
}
.juhuangbg.safebg{ background-color:#077CCB; background-image: none;background:#077CCB url(../images/safebg.png) center center no-repeat;background-size: auto 11rem;}
.huokuansum{ font-size:1.8rem; text-align:center; color:#fff; margin-top:.5rem; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:400}
.huokuansum i{ font-style:normal; font-size:.5rem;font-family:'Microsoft Yahei';}
.huokuanbut{height:.8rem;margin-top:.2rem; text-align:center}
.huokuanbutton{ border:#fff solid 1px; display: inline-block; width:3rem; height:.8rem; line-height:.8rem; text-align:center;border-radius: .4rem; font-size:.5rem; color:#fff; }

.huokuanbox{
   height:1rem;
   margin-top:1rem;
}
.huokuanbox li{
   float:left;
   width:50%;
   height:1.2rem;
   line-height:.6rem;
   box-sizing: border-box;
   text-align:center;
   color:#fff;
   font-size:.5rem;
}
.huokuanbox li:last-child{
   border-left:#fff solid 1px;
}
.myhuokuan-bottom{ margin-top:.8rem; border-top:#FFA066 solid 1px; height:42px; line-height:42px; color:#fff; padding-left:.3rem; padding-right:.3rem}
.fund-pro-box {
    
}
.fund-pro-box .fund-pro-ul .fund-pro-list {
    width: 50%;
    height: 5rem;
    text-align: center;
    position: relative;
    float: left;
	box-sizing: border-box;
	padding-top:.6rem;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .fund-pro-name {
    font-size: .6rem;
    line-height: .8rem;
    margin-bottom: .2rem;
    color: #323232;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .fund-pro-name a {
    color: #323232;
    transition: .1s ease all;
	font-size: .6rem;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .fund-pro-income {
    font-size: .7rem;
    font-family: arial;
    color: #f52f3e;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .fund-pro-income em {
    font-size: .35rem;
	font-style:normal;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .income-text {
    color: #a5a5a5;
    font-size: .5rem;
	margin-top:.1rem
}
.fund-pro-box .fund-pro-ul .fund-pro-list .btn-area {
    margin-left: 1rem;
	margin-right:1rem
}
.btn-area .common-btn {
    display: inline-block;
    height: 1rem;
    background-color: #f52f3e;
    text-align: center;
    color: #fff;
    line-height: 1rem;
    font-size: .5rem;
    border-radius: 3px;
	padding-left:.5rem; padding-right:.5rem;
	margin-top:.3rem;
}
.btn-area .common-btn.juhuangs{background-color:#FF8500}

.fund-pro-box .fund-pro-ul .fund-pro-list .more-choose-box {
    padding-top: .4rem;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .more-choose-box .more-pro {
    display: block;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .more-choose-box .more-pro p {
    font-size: .6rem;
    color: #5e5e5e;
    margin-bottom: 5px;
}
.fund-pro-box .fund-pro-ul .fund-pro-list .more-choose-box .more-pro p em {
    font-family: simsun;
    font-size: 14px;
    margin-left: 5px;
	font-style:normal
}
.fund-pro-box .fund-pro-ul .fund-pro-list .more-choose-box .more-pro span {
    font-size: 12px;
    color: #5e5e5e;
}
.br-line {
    border-right: 1px dotted #f0f0f0;
}
.bt-line {
    border-bottom: 1px dotted #f0f0f0;
}
.buyhuokuan{ padding-top:.3rem; position:relative}
.buyhuokuan h3{height:42px; line-height:42px; border-bottom:#DEDEDE solid 1px; color:#303030; margin-left:.3rem; margin-right:.3rem; font-weight:600; font-size:16px; position:relative; padding-left:10px}
.buyhuokuan h3 i{ display:inline-block; width:3px; height:18px; background-color:#F99E69; position:absolute; left:0px; top:12px;}
.buyhuokuan .hkbody{ text-align:center; padding:.8rem .5rem .8rem}
.buyhuokuan .hkbody ul{width: 12.5rem; margin-left:auto; margin-right:auto}
.buyhuokuan .hkbody li{ width:50%; float:left}
.buyhuokuan .hkbody li .opt{    display: inline-block;
    vertical-align: top;
    border: solid 1px #ccc;
    border-radius: 4px;
    width:90%;
	height:40px;
	line-height:40px;font-size:.6rem; position:relative}
.buyhuokuan .hkbody li .opt.selected{border-color:#00a4ff; color:#00a4ff}
.buyhuokuan .hkbody li .opt.selected i{width:20px; height:20px; display:inline-block;background:url(../images/icoright.png) center center no-repeat;background-size: cover; position:absolute; right:0px; bottom:0px}
.buyhuokuan .hkbody .huokuanlogo{width:120px; height:120px;background:url(../images/huokuanlogo.png) center center no-repeat;background-size: cover; margin-left:auto; margin-right:auto}
.buyhuokuan .hkbody .hkbody-title{ color:#444444; font-size:.7rem; height:.8rem; line-height:.8rem; margin-top:.5rem}
.buyhuokuan .hkbody .hkbody-text{color:#F99E69; font-size:.6rem; height:.6rem; line-height:.6rem; margin-top:.2rem}
.hkbody-input{color:#FD7625; width:100px; height:42px; position:relative; margin-left:auto; margin-right:auto; margin-top:.2rem}
.inputsum{}
.inputsum input{ display:inline-block; width:70px; height:42px; line-height:42px; float:left; font-family:Arial;font-weight: 700;color: #ff6428;font-size: 32px; border:none; text-align:center}
.inputsum a{position: absolute;
    cursor: pointer;
    right: 0px;
	top:0px;
    bottom: 0;
    text-align: center;
    width: 30px;
    padding-bottom: 2px;
	background: #f7f7f7;
    color: #aaa;}
.inputsum a::before {
    transform: rotate(90deg);
    font-size: 25px;
    position: relative;
    content: "›";
    float: left;
    margin: 5px 0px 0px 13px;
}
.hkbody-koukuan{color:#7F7F7F; font-size:.6rem; height:.6rem; line-height:.6rem; margin-top:.3rem}
.hkbody-koukuan span.price{color:#F99E69;}
.hkbody-button{color:#FFF; background-color:#FD7722;border-radius: 4px; height: 1.6rem;
    line-height: 1.6rem;
    font-size: .75rem;
    box-sizing: border-box;
    width: 12.5rem;
    margin: .5rem auto 0;
    text-align: center;
	display:inline-block}
.hkbody-button.disabled{
    background: #ccc;
}
.buyhuokuan .hklist{ text-align:center; padding:.5rem .2rem .5rem}
.buyhuokuan .hklist .item {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
    min-height: 69px;
    box-sizing: border-box;
	border-bottom: 1px solid #e5e5e5;
}
.buyhuokuan .hklist .item:last-child {border-bottom:none}
.buyhuokuan .hklist .item .header_wrap {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
}
.buyhuokuan .hklist .item .header {
    display: block;
    width: 100%;
    height: auto;
}
.buyhuokuan .hklist .item .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.buyhuokuan .hklist .item .text {
    font-size: 14px;
    color: #333;
    text-align: left;
    margin-left: 5px;
	line-height:20px;
	height:30px;
}
.buyhuokuan .hklist .item .text em{ font-style:normal; color:#ff6428}
.buyhuokuan .hklist .item .text small {
    display: block;
    font-size: 10px;
    color: #999;
    line-height: 10px;
}
.buyhuokuan .hklist .item .btn {
    margin-left: 10px;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    border-radius: 4px;
    font-size: 20px;
    color: #ff6428;
    /*background-image: -webkit-linear-gradient(left,#f94f02,#fec868);
    background-image: linear-gradient(left,#f94f02,#fec868);*/
}
.buyhuokuan .hklist .item .btn em{
   font-style:normal;
   font-size:12px;
}






.safetitle{ height:1rem; line-height:1rem; padding-top:6rem; color:#CBEAFE; text-align:center; font-size:.8rem;}
.shopcart_mod_title {
    position: relative;
    margin: 15px 0;
    height: 1em;
    line-height: 1em;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.shopcart_mod_title .shopcart_mod_title_text {
    z-index: 2;
    position: relative;
    padding: 0 15px;
    background-color: #ECEAF3;
}
.shopcart_mod_title::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ccc;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    left: 10px;
    right: 10px;
    top: 50%;
}
.shopcart_mod_title .shopcart_mod_title_text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.shopcart_mod_title .shopcart_mod_title_text::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mod_service section {
    background: #fff;
    position: relative;
}
.mod_service section:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
}
.mod_service section:after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
}
.mod_service ul {
    padding: 0 10px;
}
.mod_service li {
    position: relative;
    padding: 10px 0 10px 40px;
}
.mod_service li .icon {
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    width: 40px;
    height: 100%;
}
.mod_service li .icon:after {
    content: "\20";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 10px;
    top: 13px;
}
.mod_service li .icon.mima:after {
    background: url(../images/zhifu.png) no-repeat;
    background-size: 100%;
}
.mod_service li .icon.sfz:after {
    background: url(../images/sfz.png) no-repeat;
    background-size: 100%;
}
.mod_service li .icon.shualian:after {
    background: url(../images/shualian.png) no-repeat;
    background-size: 100%;
}
.mod_service li .icon.shoushi:after {
    background: url(../images/shoushi.png) no-repeat;
    background-size: 100%;
}
.mod_service p {
    font-size: 14px;
    color: #333;
}
.mod_service p em {
	display:inline-block;
	width:15px;
	height:30px;
     background: url(../images/into.png) no-repeat;
    background-size: 100%;
	position:absolute;
	right:5px; top:15px;
}
.mod_service p span{position:absolute; right:30px; top:18px; font-size:14px;}
.mod_service small {
    display: block;
    font-size: 12px;
    color: #999;
}
.mod_service li:not(:first-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    right: -10px;
}
.mycardid{background-color: #1993E8;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#1993E8,#0E8EE7);
    background-image: -webkit-linear-gradient(left,#1993E8,#0E8EE7);
    background-image: -o-linear-gradient(left,#1993E8,#0E8EE7);
    background-image: linear-gradient(left,#1993E8,#0E8EE7);
	margin-left:.5rem;
	margin-right:.5rem;
	height:7rem;
	border-radius: 12px;
	position:relative;
	box-shadow: 0 4px 12px rgba(0,0,0,.1);}
.mycardtitle{height:2.9rem; position:absolute; top:1rem; left:1rem; right:1rem}
.myface{float:left; width:2.5rem; height:2.5rem;border-radius: 3px; border:#51B3F0 solid 2px}
.myface img{ width:2.5rem; height:2.5rem;border-radius: 3px;}
.myinfo{float:left; margin-left:.4rem; padding-top:.2rem}
.myinfo h3{font-size:.8rem; color:#fff; height:1.2rem; line-height:1.2rem; font-weight:700}
.myinfo p{color:#fff; font-size:.7rem; height:.9rem; line-height:.9rem; margin-top:.2rem}
.myrzico{width:2rem;
    height: 2rem;
    background: url(../images/isrz.png) no-repeat;
    background-size: 100%;
	float:right;
	margin-top:1rem;
	margin-right:1rem;}
.mycardbody{height:.6rem; line-height:.6rem; font-size:.5rem; color:#fff; position:absolute; bottom:1rem; left:1rem; right:1rem}
.mycardbody i{position: relative;
    display: inline-block;
    vertical-align: middle;
    width:.44rem;
    height: .55rem;
    margin: -2px 5px 0 0;
    background: url(../images/safes.png) no-repeat;
    background-size: 100%;}
.goods-extend header {
    height: 40px;
    /*border-bottom: solid 1px #d8d8d8;*/
    padding: 0 10px;
    background: #fff;
}
.goods-extend header ul {
    width: 100%;
    height: 40px;
}
.goods-extend header ul li {
    height: 40px;
    width: 50%;
    position: relative;
    float: left;
	line-height:40px;
}
.goods-extend header ul li a {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #666;
    position: absolute;
	top:10px;
}
.goods-extend header ul li.current a {
    border-bottom: solid 2px #FD7722;
    color: #FD7722;
}
.goods-extend header ul li a.buttons{border-radius:3px; width:60%; right:0px;border: #f52f3e solid 1px; background-color:#f52f3e; color:#fff; height:30px; line-height:30px; top:5px}


.goods-comment header {
    height: 35px;
    border-bottom: solid 1px #d8d8d8;
	background-color:#FFFFFF
}
.goods-comment header ul {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    width: -moz-available;
}
.goods-comment header ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    position: relative;
}
.goods-comment header ul li a {
    width: 100%;
    height: 34px;
    display: inline-block;
    color: #333;
    text-align: center;
    color: #666;
}
.goods-comment header ul li a span {
    display: inline-block;
    margin-top: 8px;
	font-size:.5rem
}
.goods-comment header ul li.current a {
    border-bottom: solid 2px #FD7722;
    color: #FD7722;
}
.coupon_sec {
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.coupon_sec_body {
    padding: 0 10px;
}
.coupon_default {
    display: block;
    position: relative;
    height: 3rem;
    margin: .3rem;
    z-index: 1;
}
.coupon_default::after {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    right: 1.25rem;
    box-shadow: 2px 2px 2px 2px hsla(0,0%,67%,.2);
}
.coupon_default.bg_blue {
    color: #7eacf4;
}
.coupon_default.bg_red {
    color: #ff6060;
}
.coupon_default.bg_gold {
    color: #c9a86e;
}
.coupon_sec .coupon_default {
    margin: 0 0 10px;
}
.coupon_default_inner {
    position: relative;
    z-index: 1;
    height: 3rem;
    background-color: #fff;
    border-radius: 5px;
}
.coupon_default_image {
    display: block;
    width: 2.35rem;
    height: 2.35rem;
    position: absolute;
    left: 10px;
    top: 8px;
    border-radius: 4px;
}
.coupon_default_name {
    font-size: .5rem;
    color: #333;
    position: absolute;
    left: 3rem;
    top: .4rem;
    right: 2rem;
	height:.7rem;
}
.coupon_default_pass {
    font-size: .5rem;
    color: #999;
    position: absolute;
    left: 3rem;
    top: 1.2rem;
    right: 2rem;
}
.coupon_default_name span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.coupon_default_price {
    font-size: .35rem;
    position: absolute;
    left: 3rem;
    right: 2rem;
    bottom: .4rem;
    font-family: font_helvetica;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.coupon_default_price em {
    display: inline-block;
    vertical-align: -2px;
    margin-right: 6px;
    font-size: 30px;
	font-style: normal;
}
.coupon_default_price em i{ font-size:12px;font-style: normal;}
.coupon_default_status {
    display: block;
    width: 3rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: currentColor;
    border-radius: 0 5px 5px 0;
}
.coupon_default.bg_blue .coupon_default_status{
    color: #7eacf4;
}
.coupon_default.bg_red .coupon_default_status{
    color: #ff6060;
}
.coupon_default.bg_gold .coupon_default_status{
    color: #c9a86e;
}
.coupon_default.coupon_default_v2 .coupon_default_status_icon {
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: .55rem;
    border: 2px solid #fff;
    color: #fff;
    margin: 0;
    width: 1.6rem;
    height: 1.6rem;
    padding: .2rem 0;
    font-size: .5rem;
    box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
}
.coupon_default.coupon_default_v2 .coupon_default_status.coupon_default_status_add i {
    position: absolute;
    bottom: .3rem;
    width: 100%;
    left: 0;
    color: #fff;
    font-size: .4rem;
	font-style: normal;
}
.isloading{ text-align:center; padding-top:20px; padding-bottom:20px;}
.isloading em{ width:32px; height:32px; display: inline-block; background:url(../images/loadding_indicator.gif) center center no-repeat;background-size: cover;}
.list_box {
    background-color: #FFFFFF;
}
.list_box table {
    width: 100%;
    background: #FFF;
    font-size: 12px;
    border-top: 2px solid #F8F8F8;
	border-left: 2px solid #F8F8F8;
    color: #666;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 3px;
}
.list_box table th {
    padding: 8px 8px;
    font-weight: normal;
    color: #31A6DE;
    border-bottom: 2px solid #F8F8F8;
    background-color: #D9EDF9;
    vertical-align: bottom;
    text-align: center;
}
.list_box table td {
    padding: 12px 8px;
    border-top: 0px;
    border-bottom: 2px solid #F8F8F8;
	border-right: 2px solid #F8F8F8;
    vertical-align: middle;
	text-align:center
}
.list_box table tr.text-blue {color:#508cee}
.list_box table tr.text-red {color:#dd2727}
.n-tool{ padding-top:12px; margin-left:7px;}
.n-tool-set{
    height: 26px;
    border: solid 1px #ccc;
    border-radius: 4px;
    margin-right: 10px;
}
.n-tool-set span, .n-tool-set input {
    display: inline-block;
    vertical-align: top;
    height: 26px;
	line-height:26px;
    color: #333;
}
.n-tool-set span {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
}
.n-tool-set .sub {
    border-right: solid 1px #ccc;
}
.n-tool-set .add {
    border-left: solid 1px #ccc;
}
.coupon_sec_inputinfo{}
.coupon_sec_inputtitle{ font-size:26px; font-weight:700; color:#333; text-align:center}
.coupon_sec_inputusername{border-bottom:#eee solid 1px; height:46px; margin-top:15px; position:relative; padding-bottom:1px}
.coupon_sec_inputername{ width:10rem; margin-left:5rem; height:45px; border:none; font-size:28px; font-weight:600}
.coupon_sec_inputusername em{ font-size:26px; font-style:normal; position:absolute; left:0; bottom:3px; display:block; width:5rem}
.coupon_sec_userinfo{ display:none}
.coupon_sec_face{ width:3rem; height:3rem;border-radius: 50%; margin-left:auto; margin-right:auto}
.coupon_sec_face img{ width:3rem; height:3rem;border-radius:50%;}
.coupon_sec_realname{ font-size:20px; text-align:center; color:#000; height:30px; line-height:30px; margin-top:10px;font-weight:600}
.coupon_sec_username{ font-size:14px; text-align:center}
.coupon_sec_input{ border-bottom:#eee solid 1px; height:46px; margin-top:15px; position:relative; padding-bottom:1px;}
.coupon_sec_input .coupon_sec_inputer{ width:90%; margin-left:10%; height:45px; border:none; font-size:28px; font-weight:600}
.coupon_sec_input em{ font-size:26px; font-style:normal; position:absolute; left:3%; bottom:3px;}
.coupon_sec_text{ font-size:14px; text-align:center; height:30px; line-height:30px; margin-top:10px;}
.coupon_sec_btnopt{height:45px; line-height:45px;}
.coupon_sec_btnopt .coupon_sec_btn {
    display: block;
    height: 40px;
	line-height:40px;
    background-color: #f52f3e;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .3rem;
}
.coupon_sec_btnopt .disabled{background-color: #ddd;}
.logintext{
    display: inline-block;
    height: 40px;
	line-height:40px;color: #f52f3e;
	padding-left:5px;
	padding-right:5px;
}